<!DOCTYPE html>

<html lang="pt_BR">
<head>
<title>#{get 'title' /}</title>
<meta charset="utf-8">


<link rel="stylesheet" media="screen"
	href="@{'/public/bootstrap/css/bootstrap.min.css'}">

<link rel="stylesheet" media="screen"
	href="@{'/public/bootstrap/css/Responsive.css'}">


<link rel="stylesheet" media="screen"
	href="@{'/public/stylesheets/main.css'}">

<link rel="stylesheet" media="screen"
	href="@{'/public/datepicker/css/datepicker.css'}">


#{get 'moreStyles' /}

<link rel="shortcut icon" type="image/png"
	href="@{'/public/images/favicon.png'}">

<script src="@{'/public/javascripts/jquery-1.7.1.min.js'}"
	type="text/javascript" charset="UTF-8"></script>

<script src="@{'/public/bootstrap/js/bootstrap.min.js'}"
	type="text/javascript" charset="UTF-8"></script>

<script src="@{'/public/datepicker/js/bootstrap-datepicker.js'}"
	type="text/javascript" charset="UTF-8"></script>

#{get 'moreScripts' /}

</head>
<body>





	<!--  menu superior  -->
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<div class="row">
					<a class="btn btn-navbar" data-toggle="collapse"
						data-target=".nav-collapse"> <span class="icon-bar"></span> <span
						class="icon-bar"></span> <span class="icon-bar"></span>
					</a>

					<h2 style="margin-left: 10px">
						<a class="brand" href="/">Odonto-pro</a>  <span
							class="hidden-desktop"><strong>#{get 'title' /}</strong></span>
					</h2>

					<div class="nav-collapse">
						<ul class="nav">#{menu/}
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="title-top-container visible-desktop">
		<div class="container">
			<div class="row">
				<div class="span7">
					<div class="span12">
						<h2 class="">#{get 'title' /} <img id="ajaxLoader" src="@{'/public/images/ajax-loader.gif'}" class="hidden"/> </h2>
					</div>
				</div>
				<div class="span4">
					<div id="hostActions" class="pull-right"></div>
				</div>

			</div>
		</div>
	</div>

	<div class="container">

		<div class="row">
			#{if flash.error}
			<div class="alert alert-error">
				<a class="close" data-dismiss="alert">&times;</a> ${flash.error}
			</div>
			#{/if} #{if flash.success}
			<div class="alert alert-success">
				<a class="close" data-dismiss="alert">&times;</a> ${flash.success}
			</div>
			#{/if}
		</div>


		<div class="row">#{doLayout /}</div>



	</div>
	<!-- /container -->

	<script type="text/javascript">
			$(document).ready(function() {

				$("#hostActions").html($("#actions").html());
				$("#actions").hide();

			});
		</script>
</body>
</html>
